<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
    <title>HDJS效果展示</title>
    <script>
        window.hdjs = {};
        window.hdjs.base = '../';
        window.hdjs.uploader = 'php/uploader.php?';
        window.hdjs.filesLists = 'php/filesLists.php?';
    </script>
    <script src="../require.js"></script>
    <script src="../config.js"></script>
</head>
<body>
<div class="container">
    <div class="card mt-5">
        <div class="card-header">
            HDJS效果展示
        </div>
        <div class="card-body">
            <ul class="row">
                <li class="col-sm-2 mb-2"><a href="caret.html" class="btn btn-light col-sm-12 " target="_blank">光标定位</a></li>
                <li class="col-sm-2 mb-2"><a href="chart.html" class="btn btn-light col-sm-12 " target="_blank">图表</a></li>
                <li class="col-sm-2 mb-2"><a href="city.html" class="btn btn-light col-sm-12 " target="_blank">城市选择</a></li>
                <li class="col-sm-2 mb-2"><a href="clipboard.html" class="btn btn-light col-sm-12 " target="_blank">剪贴板</a></li>
                <li class="col-sm-2 mb-2"><a href="clockpicker.html" class="btn btn-light col-sm-12 " target="_blank">时间选择</a></li>
                <li class="col-sm-2 mb-2"><a href="moment.html" class="btn btn-light col-sm-12 " target="_blank">moment使用</a></li>
                <li class="col-sm-2 mb-2"><a href="colorpicker.html" class="btn btn-light col-sm-12 " target="_blank">颜色选择</a></li>
                <li class="col-sm-2 mb-2"><a href="daterangepicker.html" class="btn btn-light col-sm-12 " target="_blank">日期区间</a></li>
                <li class="col-sm-2 mb-2"><a href="datetimepicker.html" class="btn btn-light col-sm-12 " target="_blank">日期时间</a></li>
                <li class="col-sm-2 mb-2"><a href="dateselect.html" class="btn btn-light col-sm-12 " target="_blank">列表日期</a></li>
                <li class="col-sm-2 mb-2"><a href="emotion.html" class="btn btn-light col-sm-12 " target="_blank">表情选择</a></li>
                <li class="col-sm-2 mb-2"><a href="font.html" class="btn btn-light col-sm-12 " target="_blank">图标选择</a></li>
                <li class="col-sm-2 mb-2"><a href="form-style.html" class="btn btn-light col-sm-12 " target="_blank">表单样式</a></li>
                <li class="col-sm-2 mb-2"><a href="loading.html" class="btn btn-light col-sm-12 " target="_blank">加载动画</a></li>
                <li class="col-sm-2 mb-2"><a href="spinners.html" class="btn btn-light col-sm-12 " target="_blank">CSS加载</a></li>
                <li class="col-sm-2 mb-2"><a href="map.html" class="btn btn-light col-sm-12 " target="_blank">百度地图</a></li>
                <li class="col-sm-2 mb-2"><a href="message.html" class="btn btn-light col-sm-12 " target="_blank">消息显示</a></li>
                <li class="col-sm-2 mb-2"><a href="modal.html" class="btn btn-light col-sm-12 " target="_blank">模态框</a></li>
                <li class="col-sm-2 mb-2"><a href="notify.html" class="btn btn-light col-sm-12 " target="_blank">通知消息</a></li>
                <li class="col-sm-2 mb-2"><a href="preview.html" class="btn btn-light col-sm-12 " target="_blank">图片预览</a></li>
                <li class="col-sm-2 mb-2"><a href="qrcode.html" class="btn btn-light col-sm-12 " target="_blank">二维码</a></li>
                <li class="col-sm-2 mb-2"><a href="swiper.html" class="btn btn-light col-sm-12 " target="_blank">幻灯片</a></li>
                <li class="col-sm-2 mb-2"><a href="ueditor.html" class="btn btn-light col-sm-12 " target="_blank">百度编辑器</a></li>
                <li class="col-sm-2 mb-2"><a href="validate.html" class="btn btn-light col-sm-12 " target="_blank">表单验证</a></li>
                <li class="col-sm-2 mb-2"><a href="validCode.html" class="btn btn-light col-sm-12 " target="_blank">发送验证码</a></li>
                <li class="col-sm-2 mb-2"><a href="file.html" class="btn btn-light col-sm-12 " target="_blank">文件上传</a></li>
                <li class="col-sm-2 mb-2"><a href="image.html" class="btn btn-light col-sm-12 " target="_blank">图片上传</a></li>
                <li class="col-sm-2 mb-2"><a href="oss.html" class="btn btn-light col-sm-12 " target="_blank">阿里云上传</a></li>
                <li class="col-sm-2 mb-2"><a href="prismjs.html" class="btn btn-light col-sm-12 " target="_blank">代码高亮</a></li>
                <li class="col-sm-2 mb-2"><a href="video.html" class="btn btn-light col-sm-12 " target="_blank">视频播放</a></li>
                <li class="col-sm-2 mb-2"><a href="cookie.html" class="btn btn-light col-sm-12 " target="_blank">Cookie</a></li>
                <li class="col-sm-2 mb-2"><a href="get.html" class="btn btn-light col-sm-12 " target="_blank">GET管理</a></li>
                <li class="col-sm-2 mb-2"><a href="md5.html" class="btn btn-light col-sm-12 " target="_blank">MD5加密</a></li>
                <li class="col-sm-2 mb-2"><a href="submit.html" class="btn btn-light col-sm-12 " target="_blank">表单提交</a></li>
                <li class="col-sm-2 mb-2"><a href="ajax.html" class="btn btn-light col-sm-12 " target="_blank">异步请求</a></li>
                <li class="col-sm-2 mb-2"><a href="isMobile.html" class="btn btn-light col-sm-12 " target="_blank">移动端检测</a></li>
                <li class="col-sm-2 mb-2"><a href="scroll.html" class="btn btn-light col-sm-12 " target="_blank">页面滚动</a></li>
            </ul>
        </div>
    </div>
</div>
<style>
    ul {
        list-style: none;
        padding: 0px;
    }
</style>
<script>
    require(['bootstrap']);
</script>
</body>
</html>